﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>汽车生产大数据分析</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <link rel="stylesheet" href="css/comon0.css" />
</head>
<body>
<div class="loading">
    <div class="loadbox">
        <img src="images/loading.gif" /> 页面加载中...
    </div>
</div>
<div class="head">
    <h1>汽车生产大数据分析</h1>
    <div class="time" id="showTime">
        2024/4/30 11:45:14
    </div>
    <script>
        var t = null;
        t = setTimeout(time,1000);
        function time()
        {
            clearTimeout(t);
            dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
            var h=dt.getHours();
            var m=dt.getMinutes();
            var s=dt.getSeconds();
            var t = null;
            document.getElementById("showTime").innerHTML = y+"/"+Appendzero(mt)+"/"+Appendzero(day)+" "+Appendzero(h)+":"+Appendzero(m)+":"+Appendzero(s)+"";
            function Appendzero(obj){
                if(obj<10) return "0" +""+ obj;
                else return obj;
            }
            t = setTimeout(time,1000);
        }

    </script>
</div>
<div class="mainbox">
    <ul class="clearfix">
        <li>
            <div class="boxall" style="height: calc(58% - .15rem)">
                <div class="alltitle">
                    库存周转情况
                </div>
                <div class=" boxnav " id="echarts4">
                </div>
            </div>
            <div class="boxall" style="height: calc(42% - .15rem)">
                <div class="alltitle">
                    当前库存状态
                </div>
                <div class="boxnav" id="echarts3"></div>
            </div> </li>
        <li>
            <div class="boxall" style="height: calc(20% - .15rem)">
                <ul class="row h100 clearfix">
                    <li class="col-6">
                        <div class="sqzs h100">
                            <p>汽车产能总览</p>
                            <h1><span>3050</span>辆</h1>
                        </div> </li>
                    <li class="col-6">
                        <ul class="row h100 clearfix">
                            <li class="col-4">
                                <div class="tit01">
                                    小型车
                                </div>
                                <div class="piebox" id="pe01"></div> </li>
                            <li class="col-4">
                                <div class="tit01">
                                    中型车
                                </div>
                                <div class="piebox" id="pe02"></div> </li>
                            <li class="col-4">
                                <div class="tit01">
                                    大型车
                                </div>
                                <div class="piebox" id="pe03"></div> </li>
                        </ul> </li>
                </ul>
            </div>
            <div class="boxall" style="height: calc(38% - .15rem)">
                <div class="alltitle">
                    出货量趋势
                </div>
                <div class="boxnav" id="echarts1"></div>
            </div>
            <div class="boxall" style="height: calc(42% - .15rem)">
                <div class="alltitle">
                    库存量趋势
                </div>
                <div class="boxnav" id="echarts2"></div>
            </div> </li>
        <li>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    总计生产量
                </div>
                <div class="boxnav" id="echarts5"></div>
            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    车型出货量
                </div>
                <div class="boxnav" id="">
                    <table border="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <th>车型</th>
                            <th>出货量</th>
                            <th>库存量</th>
                            <th>周转率</th>
                            <th>增长率</th>
                        </tr>
                        <tr>
                            <th>001号</th>
                            <td>8098</td>
                            <td>19.80%</td>
                            <td>22</td>
                            <td>368</td>
                        </tr>
                        <tr>
                            <th>002号</th>
                            <td>7506</td>
                            <td>6.70%</td>
                            <td>22</td>
                            <td>339</td>
                        </tr>
                        <tr>
                            <th>003号</th>
                            <td>3261</td>
                            <td>32.30%</td>
                            <td>10</td>
                            <td>325.7</td>
                        </tr>
                        <tr>
                            <th>004号</th>
                            <td>1993</td>
                            <td> 201%</td>
                            <td>10</td>
                            <td> 199</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="boxall" style="height: calc(33.333% - .15rem)">
                <div class="alltitle">
                    出货量占比
                </div>
                <div class="boxnav" id="echarts6" style="height:calc(100% - .3rem);"></div>
            </div> </li>
    </ul>
</div>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script language="JavaScript" src="js/js.js"></script>
</body>
</html>